<template>
  <div class="container">
    <router-view></router-view>
    <!-- <div class="catalogue">目录</div>
    <van-cell-group>
      <van-cell title="1、产品概述" is-link @click="handler(1)" />
      <van-cell title="2、绑定车辆"  is-link @click="handler(2)" />
      <van-cell title="3、手机控车"  is-link @click="handler(3)" />
      <van-cell title="4、在线报修"  is-link @click="handler(4)" />
      <van-cell title="5、保养预约"  is-link @click="handler(5)" />
      <van-cell title="6、救援服务"  is-link @click="handler(6)" />
      <van-cell title="7、失窃上报"  is-link @click="handler(7)" />
      <van-cell title="8、附近网点"  is-link @click="handler(8)" />
      <van-cell title="9、共享用车"  is-link @click="handler(9)" />
      <van-cell title="10、解绑车辆"  is-link @click="handler(10)" />
    </van-cell-group> -->
  </div>
</template>
<script>
// 目录： 1、产品概述 2、使用须知 3、App远程控车 4、钥匙介绍 5、仪表盘说明 6、保养与维修 7、车型参数
import { Toast, Dialog,Cell,CellGroup} from 'vant'
export default {
  components:{
    [Toast.name]:Toast,
    [Dialog.name]:Dialog,
    [Cell.name]:Cell,
    [CellGroup.name]:CellGroup,
  },
  data(){
    return{
      token:'',
      userInfo:'',
    }
  },
  mounted(){
    Toast.loading({duration:1000,mask: false,message: '加载中...'});
    let _this = this;

  },
  methods:{
    handler(e){
      switch (e) {
        case 1:
          this.$router.push({ path:'/chanping'  })
          break;
        case 2:
          this.$router.push({ path:'/bangding'  })
          break;
        case 3:
          this.$router.push({ path:'/kongche'  })
          break;
        case 4:
          this.$router.push({ path:'/baoxiu'  })
          break;
        case 5:
          this.$router.push({ path:'/baoyang'  })
          break;
        case 6:
          this.$router.push({ path:'/jiuyuan'  })
          break;
        case 7:
          this.$router.push({ path:'/shiqie'  })
          break;
        case 8:
          this.$router.push({ path:'/fujin'  })
          break;
        case 9:
          this.$router.push({ path:'/gongxiang'  })
          break;
        case 10:
          this.$router.push({ path:'/jiebang'  })
          break;
        default:
          break;
      }
    }

  }
}
</script>

<style scoped lang="scss">
.container{
  width: 100%;
  height:100%;
  text-align: left;
}
.catalogue{
  padding:0 15px;
  font-size:16px;
  font-weight:500;
  line-height: 60px;
  color:#333;
}
</style>